var countdown = document.querySelector('.time .name');
// 获取时分秒的节点
var hour = document.querySelector('.hour');
var minute = document.querySelector('.minute');
var second = document.querySelector('.second');
function time() {
    // 3. 设置场数名称, 比如 8 - 10点 就是8点场   10 - 12点 就是10点长

    // 3-1
    var nowDate = new Date();
    var h = nowDate.getHours();
    // 3-2 判断小时是否是偶数
    // if(h%2){}  ()为1 转化为boolean的 true   0转为false
    if (h % 2 != 0) {
        h--;
    }

    // 3-3 设置当前场数
    countdown.innerHTML = h + ':00';

    // 4 计算设置时分秒倒计时

    // 4-1 设置结束时间

    var endTime = new Date();
    endTime.setHours(h + 2);
    endTime.setMinutes(0);
    endTime.setSeconds(0);

    // console.log(endTime);

    // 4-2 计算当时间和结束时间的差值

    var diff = (endTime - nowDate) / 1000;

    // console.log(diff);

    // 4-3 计算剩余小时，分钟，秒数

    var tmpH = parseInt(diff / 60 / 60);
    var tmpM = parseInt((diff / 60) % 60);
    var tmpS = parseInt(diff % 60);
    // console.log(tmpH, tmpM, tmpS);

    // 4-4 将时分秒设置到页面中

    hour.innerHTML = tmpH;
    minute.innerHTML = tmpM;
    second.innerHTML = tmpS;

    // hour.innerHTML = tmpH < 10 ? '0' + tmpH : tmpH;
    //当分和秒小于10的时候在前面拼接1个0
    hour.innerHTML = '0' + tmpH;
    minute.innerHTML = tmpM < 10 ? '0' + tmpM : tmpM;
    second.innerHTML = tmpS < 10 ? '0' + tmpS : tmpS;
}
// 先调用一次
time();
setInterval(time, 1000);
